<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <meta name="author" content="Lei Shi">
    <meta http-equiv="Cache-Control" content="o-transform">
    <meta http-equiv="Cache-Control" content="no-siteapp">
    <meta name="csrf-token" content="1483780974##87f89328c5616669f00302a263fe9061bb852818">


    <title>课程页面——RemeberMe</title>




    <meta content="实验楼课程分为基础课和项目课，内容涵盖了Linux、Python、Java、C语言、Ruby、Android、IOS开发、大数据、信息安全等IT技术领域。" name="description">
    <meta content="实验楼课程,IT培训课程,IT实训课程,IT在线课程,all" name="keywords">

    <meta content="" name="author">

    <link rel="shortcut icon" href="favicon.ico">
    <link rel="shortcut icon" href="favicon.ico">
    <link rel="stylesheet" href="css/font-awesome.min.css">
    <link rel="stylesheet" href="css/monokai-sublime.min.css">
    <link rel="stylesheet" href="css/bootstrap.min.css">
    <link rel="stylesheet" href="css/katex.min.css">
    <link rel="stylesheet" href="css/video-js.min.css">
    <link rel="stylesheet" href="css/styles.css?=2016121272249">

    <link rel="stylesheet" href="css/sheet.css">

    <script src="js/lib.js?=2016121272249"></script>
    <script src="js/jquery.min.js"></script>
    <script src="js/ace.js"></script>
    <script src="js/aliyun-oss-sdk-4.3.0.min.js"></script>
    <script src="js/highlight.min.js"></script>
    <script src="js/jspdf.min.js"></script>
    <script src="js/plupload.full.min.js"></script>
    <script src="js/ZeroClipboard.min.js"></script>
    <script src="js/video.min.js"></script>
    <script src="js/bootstrap-tour.min.js"></script>
    <script src="js/bootstrap-table.min.js"></script>
    <script src="js/bootstrap-table-zh-CN.min.js"></script>
    <script src="js/bootstrap-table-filter-control.min.js"></script>


 <style type="text/css">
  	/*body{
  		
  		margin-left: 400px;
  		margin-right: 400px;
  		font-size: 50px;
  		
  	}*/
  	input{
  		width: 25px;
  		height: 25px;
  		margin-left: 10px;
  	}
  	/*img{
  		width: 400px;
  		height: 400px;
  	}*/
  	
  </style>
<script language="javascript">
 
 function test(){
 	window.location.href="courses3.html"
 }
  function two_char(n) {
            return n >= 10 ? n : "0" + n;
        }
        function time_fun() {
            var sec=0;
            setInterval(function () {
                sec++;
                var date = new Date(0, 0)
                date.setSeconds(sec);
                var h = date.getHours(), m = date.getMinutes(), s = date.getSeconds();
                document.getElementById("mytime").innerText = two_char(h) + ":" + two_char(m) + ":" + two_char(s);
            }, 1000);
        }
 
function main(){
  var questionArray = new Array("Q1","Q2","Q3","Q4","Q5");
  var resultArray = new Array();
   var rightArray = new Array();
 
  //aryAns[]是从后端返回的数组,当点击交卷的时候,向后端请求正确答案的数组,赋值给aryAns[]即可;
  var aryAns = new Array(3,2,4,1,4);   //建立储存正确答案的数组
  for (var i = 0; i < questionArray.length; i++) {
    if (Name(questionArray[i])!=10) {
      resultArray[i] = Name(questionArray[i]); 
    }else{
      alert("第"+(i+1)+"题,您未作答!!");
      return false;
    }
  }
  var right_number= 0;//计算答对的题数；
  for (var i = 0; i < questionArray.length; i++) {
    if (aryAns[i]==resultArray[i]) {
          right_number++;
          rightArray[i] = 1;
    }else{
          rightArray[i] = 0;
    }
  }
  var right_question = " ";
  var error_question = " ";
  for (var i = 0; i < rightArray.length; i++) {
      if (rightArray[i] ==1 ) {
          right_question += i+1+",";
      }else{
          error_question += i+1+",";
      }
  }
  var time=document.getElementById("mytime").innerHTML;
  document.getElementById("right_number").innerText = right_number;
  document.getElementById("time").innerText = time;
  if (right_question!=" ") {
      document.getElementById("right_question").innerText = right_question;
 
  }
  if (error_question!=" ") {
  document.getElementById("error_question").innerText = error_question;
 
}
};
 
function Name(name)
{
  var temp = document.getElementsByName(name);
  var intHot = 9;
  for(var i=0;i<temp.length;i++)
  {
     if(temp[i].checked)
      intHot = temp[i].value;
  }
  if (intHot==9) {
      return 10;
  }
  return intHot;
};
 
 
</script>




    <style>
        @font-face {
            font-family: "lantingxihei";
            src: url("fonts/FZLTCXHJW.TTF");
        }
		/*.content1{
			height: 1080px;
		}*/
		body{
			height: 1080px;
		}
        /* modal 模态框*/
        #invite-user .modal-body {
            overflow: hidden;
        }
        #invite-user .modal-body .form-label {
            margin-bottom: 16px;
            font-size:14px;
        }
        #invite-user .modal-body .form-invite {
            width: 80%;
            padding: 6px 12px;
            background-color: #eeeeee;
            border: 1px solid #cccccc;
            border-radius: 5px;
            float: left;
            margin-right: 10px;
        }
        #invite-user .modal-body .msg-modal-style {
            background-color: #7dd383;
            margin-top: 10px;
            padding: 6px 0;
            text-align: center;
            width: 100%;
        }
        #invite-user .modal-body .modal-flash {
            position: absolute;
            top: 53px;
            right: 74px;
            z-index: 999;
        }
        .header{
            background: #191e29;
        }
        /* end modal */

        .en-footer {
            padding: 30px;
            text-align: center;
            font-size: 14px;
        }
        
.div1{
	width:100%;
	height:60px;
	background-color:#191e29;
	font-size:16px;}
.div2{
	width:1080px;
	height:60px;
	margin:0 auto;}
.div3{
	float:left;
	width:300px;
	height:60px;}
.div4{
	color:#999;
	width:155px;
	height:60px;
	float:right;
	line-height:60px;}
.div4 a{
		color:#999;
		text-decoration:none;}
	
.div4 a:hover{
	color:#0074BC;
}
*{margin:0;
padding:0;}

.div23{
	width:100%;
	padding-bottom:10px;
	margin-top:20px;
	background-color:#191e29;
	height:210px;}
.div24{
	width:70%;
	margin:0 auto;}
.div25{
	margin-top:60px;
	float:left;
	font-size:20px;
	color:#0c9;}
.div25 img{
	display:block;
	border:none;}
.div26{
	width:40%;
	float:right;
	margin-top:100px;
	color:#666;
	line-height:60px;
	font-size:16px;
	text-align:right;}
.div26 a{
	color:#666;
	text-decoration:none;
	padding:0 10px;}
.div27{
	background-color:#171918;
	text-align:center;
	color:#666;
	line-height:30px;
	height:50px;}
	.div5{
	width:100%;
	height:50px;
	line-height:50px;
	background:#eee;
	color:#888;
	font-size:14px;
	margin-bottom:15px;}
.div6{
	width:1080px;
	height:50px;
	position:relative;
	margin:0 auto;}
.link{
	color:#888;
	text-decoration: none;}
.center{
				font-size: 1px;		
}
.div7{
	margin:0 auto;
	width:1080px;
	position:relative;
	overflow:hidden;}
.div8{
	margin:0 auto;
	width:750px;
	posotion:relative;
	overflow:hidden;

	float:left;}

*{
	margin:0;
	padding:0;}

.div16{
	padding-top:20px;
	background-color:#fff;}
.div17{
	font-weight:bold;}
p{
	font-size:8px;}
.div18{
	float:right;
	width:285px;
	min-height:100px;
	position:relative;}
.div19{
	margin-bottom:20px;}
.div19 img{
	width:280px;
	height:156px;}
.div20 {
	width:285px;
	margin-bottom:20px;}
.div20 img{
	width:280px;
	height:156px;}
.div21{
	padding:20px;
	background-color:white;}
.div21 span{
	width:240px;
	display:inline-block;
	font-size:20px;
	height:30px;
	line-height:30px;
	border-bottom:1px solid #666;
	padding-bottom:40px;
	color:#666;
	text-indent: .5em;}
.div22{
	margin:0 20px;
	font-size:16px;
	padding-bottom:10px;}
.div22 li{
	list-style:none;
	line-height:40px;}
.div22 a{
	text-decoration:none;
	 color:#666;}
p{
	font-size:35px;
}
    </style>




</head>
<body onload="time_fun()">
	<div class="div1">
<div class="div2">
<div class="div3">
<a href="http://rb.yunyungeek.com/index.html">
  <img src="images/course/logo.png" width="140" height="60" alt=""/></a> </div>
<div class="div4">
	<span>欢迎&nbsp;,&nbsp;hongery&nbsp;</span><a href="">退出</a>
<!--<span>登录</span>
<span>注册</span>-->
</div>
</div>
</div>
<div class="div5">
<div class="div6">
<a class="link" href="http://rb.yunyungeek.com/index.html">Remember ME</a>
<span>></span>
<span><a href="http://rb.yunyungeek.com/">课程页面</a></span>
</div>
</div>
		<!--<div class="center">
		<center>
  		<font size="6" color="green"><b>在线检测</b></font>
        <h3>测试已开始 请开始作答  <span id="mytime">00:00:00</span></h3>
 
  	</center><br>
  	<hr>-->
  	<!--  下面表单将以post的方法，将数据传递给Text -->
  		<!-- 第一道题 -->
  	
  			<div class="div7">
<div class="div8">
	<div class="center">
		<center>
  		<font size="6" color="green"><b>在线检测</b></font>
        <h3>测试已开始 请开始作答  <span id="mytime">00:00:00</span></h3>
  	</center>
  	<hr />
 
			<p>1.___________，花落知多少。</p><br />
  		<p>
  			<input type="radio" name="Q1" value="1">&nbsp;&nbsp;空山不见人<br />
  			<input type="radio" name="Q1" value="2">&nbsp;&nbsp;临行密密缝<br />
  			<input type="radio" name="Q1" value="3">&nbsp;&nbsp;夜来风雨声<br />
  			<input type="radio" name="Q1" value="4">&nbsp;&nbsp;亲朋无一字<br />
  		<br /><br />
  		<p>2.谁言寸草心，___________。</p><br />
  		<p>
  			<input type="radio" name="Q2" value="1">&nbsp;&nbsp;万径人踪灭<br />
  			<input type="radio" name="Q2" value="2">&nbsp;&nbsp;报得三春晖<br />
  			<input type="radio" name="Q2" value="3">&nbsp;&nbsp;独钓寒江雪 <br />  <!-- C -->
  			<input type="radio" name="Q2" value="4">&nbsp;&nbsp;但闻人语响<br />
  		</p><br /><br />
  		<p>3.___________，凭轩涕泗流。</p><br /><br />
  		<p>
  			<input type="radio" name="Q3" value="1">&nbsp;&nbsp;游子身上衣<br />
  			<input type="radio" name="Q3" value="2">&nbsp;&nbsp;返影入深林<br />
  			<input type="radio" name="Q3" value="3">&nbsp;&nbsp;春眠不觉晓<br />
  			<input type="radio" name="Q3" value="4">&nbsp;&nbsp;戎马关山北 <br />  <!-- D -->
  		</p><br /><br />
  		<p>4.___________，千山鸟飞绝。</p><br /><br />
  		<p>
  			<input type="radio" name="Q4" value="1">&nbsp;&nbsp;万径人踪灭<br />
  			<input type="radio" name="Q4" value="2">&nbsp;&nbsp;昔闻洞庭水<br />
  			<input type="radio" name="Q4" value="3">&nbsp;&nbsp;夜来风雨声  <br />  <!-- C -->
  			<input type="radio" name="Q4" value="4">&nbsp;&nbsp;空山不见人<br />
  		</p><br /><br />
  		<p>5.慈母手中线，___________。</p><br /><br />
  		<!--<p>5.找规律 1, 32, 81, 64, 25, ( ), 1</p>-->
  		<p>
  			<input type="radio" name="Q5" value="1">&nbsp;&nbsp;老病有孤舟<br />
  			<input type="radio" name="Q5" value="2">&nbsp;&nbsp;处处闻啼鸟 <br />  <!-- B -->
  			<input type="radio" name="Q5" value="3">&nbsp;&nbsp;意恐迟迟归<br />
  			<input type="radio" name="Q5" value="4">&nbsp;&nbsp;游子身上衣<br />
  		</p><br /><br />
      <button style="height: 70px;width: 150px;font-size: 35px;" onclick="javascript:main();">交卷</button>&nbsp;&nbsp;&nbsp;
      <button style="height: 70px;width: 150px;font-size: 35px;" onclick="test()">继续练习</button>
  		
  		<h3>
  		五道题中您一共答对了<font color="red"><span id="right_number"></font>题，
  		花了<font color="red"><span id="time"></span></font>秒
      <br>
      正确的题目有:<span id="right_question" style="color:red"></span>
       <br>
      错误的题目有:<span id="error_question" style="color:red"></span>
  		</h3>
  		
  		
</div>
</div>
<div class="div18">
<div class="div19">
<a href="http://rb.yunyungeek.com/news.html"><img src="images/ncn1.jpg" ></a></div>
<div class="div20">
<a href="http://rb.yunyungeek.com/life.html"><img src="images/banner-vip.png" ></a></div>
<div class="div21">
<span>课程分类</span>
<ul class="div22">
<li><a href="http://rb.yunyungeek.com/list.html?categoryId=100001">基础课程</a></li>
<li><a href="http://rb.yunyungeek.com/list.html?categoryId=100002">进阶课程</a></li>
<li><a href="http://rb.yunyungeek.com/list.html?categoryId=100003">同步课程</a></li>
</ul>
</div>
</div>
</div>





<div class="div23">
<div class="div24">
<div class="div25">
<img src="images/course/logo.png"  >
<span>超越自我，成就美好未来</span>
</div>
<div class="div26">
<a href="http://dasai.ruc.edu.cn/">大赛官网</a>
|
<a href="https://github.com/HaochengLEE/RememberMe">项目Github</a>
</div>
</div>
</div>
<div class="div27">Copyright © 2018 yunyungeek.com All Right Reserved</div>












</body>
</html>